<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>公告通知</title>
    <base href="/">

    <!-- Favicon -->
    <link rel="shortcut icon" href="assets/media/image/favicon.png"/>

    <!-- Plugin styles -->
    <link rel="stylesheet" href="vendors/bundle.css" type="text/css">

    <!-- Datepicker -->
    <link rel="stylesheet" href="vendors/datepicker/daterangepicker.css">

    <!-- Vmap -->
    <link rel="stylesheet" href="vendors/vmap/jqvmap.min.css">

    <!-- App styles -->
    <link rel="stylesheet" href="assets/css/app.css" type="text/css">
</head>
<body class="container">
<!--自定义宽度-->
<!-- begin::preloader-->
<div class="preloader">
    <div class="preloader-icon"></div>
</div>
<!-- end::preloader -->

<!-- begin::header -->
<!--引入公共头部页面-->
<div th:replace="~{commons/header :: header}"></div>
<!-- end::header -->

<!-- begin::main -->
<div id="main">

    <!-- begin::navigation -->
    <!--引入公共导航栏页面-->
    <div th:replace="~{commons/navigation :: navigation}"></div>
    <!-- end::navigation -->

    <!-- begin::main-content -->
    <div class="main-content">

        <div class="container-fluid card">

            <div class="row">
                <div class="col-md-12 card">
                    <div class="row anno">
                        <img src="image/anno.png">
                        公告通知
                    </div>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">标题</th>
                                <th scope="col">时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="notify,state:${notifies}">
                                <th th:text="${state.index+1+(pageSize*(current -1))}" scope="row">1</th>
                                <td><a th:href="@{/notify/details(id=${notify.notifyId})}" th:text="${notify.notifyTitle}" style="color:black">[环球集团] 关于环球煤炭阳光采购平台服务器更新的通知</a></td>
                                <td th:text="${#dates.format(notify.auditTime, 'yyyy-MM-dd')}">2015-10-01</td>
                                <td class="text-right">
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row" style="padding-bottom: 15px">
                <div class="col-sm-12 col-md-12">
                    <nav aria-label="...">
                        <ul class="pagination" id="user-pagination">

                            <li th:class="${current==1}?'disabled page-item':'page-item'">
                                <a th:href="@{/notify/query(pageIndex=${current - 1},pageSize=${pageSize})}" class="page-link" tabindex="-1" aria-disabled="true">上一页</a>
                            </li>
                            <li th:class="${current==i}?'active page-item':'page-item'" th:each="i:${#numbers.sequence(1,pageNum)}" class="active page-item">
                                <a th:href="@{/notify/query(pageIndex=${i},pageSize=${pageSize})}" th:text="${i}" class="page-link">1</a>
                            </li>
                            <li th:class="${current==pageNum}?'disabled page-item':'page-item'">
                                <a th:href="@{/notify/query(pageIndex=${current + 1},pageSize=${pageSize})}" class="page-link">下一页</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <!-- end::page content -->

        <!-- begin::footer -->

        <div th:replace="~{commons/footer :: footer}"></div>
    </div>
</div>

<!--引入公共的JavaScript脚本-->
<div th:include="~{commons/scripts :: scripts}"></div>
<!-- App scripts -->
<script src="assets/js/app.js"></script>
</body>

</html>